<template>
  <div class="label-item">
    <span>{{ $props.label }}</span>
    <div class="item-value">
      {{ $props.labelVal }}
      <slot></slot>
    </div>
  </div>
</template>

<script>
import { defineComponent } from 'vue';
export default defineComponent({
  name: 'LabelItem',
  props: {
    label: String,
    labelVal: String,
  },
});
</script>
<style lang="less" scoped>
.label-item {
  display: flex;
  margin: 10px 0;
  &:first-child {
    margin-bottom: 0;
  }
  &:last-child {
    margin: 0;
  }
}
</style>
